import { reqGoodsInfo } from '@/api'
import { reqAddOrUpdateShopCart } from '@/api'
//封装游客临时身份的uuid----生成一个随机字符串（不能再变）
import { getUUID } from '@/utils/uuid_token'
const state = {
    goodInfo: {},
    //游客临时身份
    uuid_token:getUUID()
}
const mutations = {
    GETGOODSINFO(state, goodInfo) { 
        state.goodInfo = goodInfo
    }

}
const actions = {
    //获取产品详情信息
    async getGoodInfo({ commit},skuId) { 
        let result = await reqGoodsInfo(skuId)
        if (result.code == 200) { 
            commit('GETGOODSINFO',result.data)
        }
     },
    //产品添加到购物车中
    async addOrUpdateShopCart({ commit }, { skuId, skuNum }) {
        //async函数执行 返回的结果一定是Promise  要么是成功要么是失败
        //加入购物车返回的结果
        //加入购物车（发请求），前台将参数带给服务器
        // 服务器写入数据成功，并没有返回其他数据，只是返回 code == 200 代表操作成功
        //因为服务器没有返回其余数据 因此仓库不需要vuex三连环存储数据
        let result = await reqAddOrUpdateShopCart(skuId, skuNum)
       //当前这个函数执行返回的是一个promise 成功或者失败
        if (result.code == 200) {
            //返回成功的标记
            return 'ok'
        } else { 
            //返回失败的标记
            return Promise.reject(new Error('faile'))
        }
        
    }
   

}
const getters = {
    //简化数据  state是当前仓库的state
    categoryView(state) { 
        //比如state.goodInfo的初始状态是空对象 无这个属性  是undefined
      //当前计算出来的这个属性的属性值至少是一个空对象 所以假的报错就不会有
        return state.goodInfo.categoryView || {}
    },
    //简化产品信息的数据
    skuInfo(state) {
        return state.goodInfo.skuInfo || {}

    },
    //售卖属性的简化
    spuSaleAttrList(state) { 
        return state.goodInfo. spuSaleAttrList || []

    }
}
export default {
    state,actions,mutations,getters
}